<?php if (!defined('THINK_PATH')) exit();?><!-- 头部 -->
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="Keywords" content="xx" />
        <meta name="description" content="xx"/>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta http-equiv="Cache-Control" content="no-store, no-cache, must-revalidate,max-age=0,post-check=0, pre-check=0,false">
        <meta http-equiv="Pragma" CONTENT="no-cache">
        <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
        <!-- <title>爱心公益</title> -->
        <meta name="format-detection" content="telephone=no" />
        <meta name="apple-home-web-app-capable" content="yes">
        <meta name="apple-home-web-app-status-bar-style" content="black">

        <link href="/gy/Public/home/css/nj_base.css" type="text/css" rel="stylesheet" />
        <link rel="stylesheet" type="text/css" href="/gy/Public/home/css/shop_index.css">

        <script type="text/javascript" src="/gy/Public/home/js/jquery-1.11.1.min.js"></script>
        
        <link href="/gy/Public/css/layui.css" rel="stylesheet" type="text/css" media="all"/>
        <script type="text/javascript" src="/gy/Public/layui.js"></script>
    </head>
    <body>
        <!-- header-section start-->
        <div class="header-section header-fixed">
            <div class="header-content">
                <a href="<?php echo U('index/index');?>" style="font-size: 16px;font-weight: bold;color: #C53444;">
                    <img src="/gy/Public/home/images/log.png" alt="" style="width: 145px;">
                </a>
                <!-- <a href="javascript:void(0);" style="position: absolute;right: 10px;font-size: 16px;" id="to_user">
                    <img src="/gy/Public/home/images/user.png" alt="">
                </a> -->
            </div>
        </div>

        <!-- header-section end-->
        <div class="index-wrapper" style="padding-bottom: 0px;">
            <div class="banner-section" style="height: 100%;padding: 10px;background: #fff;">
                <img src="/gy/Public/home/images/da.jpg" class="banner-img" style="height: 100%;">
            </div>
            <!-- 楼层显示 -->
            <div class="img-floor border-grids product-recom" style="height: 95px;position: initial;">
                <div class="floor-title">
                    <div class="ui-flex total-centent" style="height: 10.4rem;">
                        <a href="<?php echo U('xz/gr');?>" class="cell">
                            <span style="position: absolute;left: 20%;width: 50px;height: 50px;background: #FF6839;border-radius: 50px;line-height: 50px;color: #fff;">个人</span>
                        </a>
                        <a href="<?php echo U('xz/xx');?>" class="cell">
                            <span style="position: absolute;left: 20%;width: 50px;height: 50px;background: #37B7F0;border-radius: 50px;line-height: 50px;color: #fff;">学校</span>
                        </a>
                        <a href="<?php echo U('xz/qy');?>" class="cell">
                            <span style="position: absolute;left: 20%;width: 50px;height: 50px;background: #FFCC46;border-radius: 50px;line-height: 50px;color: #fff;">企业</span>
                        </a>
                        <a href="<?php echo U('xz/cs');?>" class="cell">
                            <span style="position: absolute;left: 20%;width: 50px;height: 50px;background: #FF8611;border-radius: 50px;line-height: 50px;color: #fff;">慈善</span>
                        </a>
                    </div>
                </div>
            </div>

            <!-- 楼层显示 -->
            <div class="img-floor border-grids product-recom" style="height: 95px;margin-top: -30px;">
                <div class="floor-title" style="background: #F8F8F8;">
                    <div class="ui-flex total-centent" style="height: 10rem;">
                        <a href="<?php echo U('index/jk');?>" class="cell" style="background: #fff;">
                            <img src="/gy/Public/home/images/jk.png" alt="" style="position: absolute;left: 30%;width: 50px;height: 50px;top: 5px;">
                            <span class="total-text" style="font-size: 15px;position: absolute;top: 60px;left: 35%;">捐款</span>
                        </a>
                        <span style="width: 5px;height: 75px;background: #F8F8F8;"></span>
                        <a href="<?php echo U('index/xm',array('id'=>2));?>" class="cell" style="background: #fff;">
                            <img src="/gy/Public/home/images/jw.png" alt="" style="position: absolute;left: 30%;width: 50px;height: 50px;top: 5px;">
                            <span class="total-text" style="font-size: 15px;position: absolute;top: 60px;left: 35%;">捐物</span>
                        </a>
                    </div>
                </div>
            </div>

            <div class="img-floor border-grids product-recom" >    
                <img src="/gy/Public/home/images/s.png" style="width: 28px;margin-left: 10px;">
                <span style="font-size: 16px;padding-left: 5px;position: absolute;top: 5px;">推荐项目</span>
                <div style="text-align: center;margin: 0 auto;overflow-x: scroll;white-space: nowrap;">
                <?php foreach ($tuijs as $v) { ?>
                    <a href="<?php echo U('index/xm',array('id'=>$v['id']));?>" style="display: inline-block;padding: 5px;text-align: left;border: 1px solid #F8F8F8;">
                        <img src="/gy<?php echo ($v["xm_img"]); ?>" style="width: 136px;height: 100px;">
                        <p style="font-size: 15px;">&nbsp;<?php echo ($v["xm_name"]); ?></p>
                        <p style="padding: 1px;"> 
                            <div style="position: relative;background: #F5E6DC;border-radius: 10px;margin-left: 5px;width: 90%;"> 
                                <div style="display: block; position: relative;background:#FF8208;color: #333333;border-radius: 10px;height: 10px;line-height: 10px;width:<?php echo sprintf("%01.2f", $v['xm_num']/$v['xm_mubiao']*100).'%'?>">&nbsp;
                                <span style="font-size: 8px;color:#919191;"><?php echo sprintf("%01.2f", $v['xm_num']/$v['xm_mubiao']*100).'%'?></span></div>   
                            </div> 
                        </p> 
                        <p style="font-size: 8px;color:#919191;">&nbsp;还差<font style="color:#CDA885;"><?php echo ($v['xm_mubiao']-$v['xm_num']); ?></font>本</p>
                    </a>
                <?php } ?>
                </div>
            </div>

            <div style="height: 38px;">
                <img src="/gy/Public/home/images/x.png" style="width: 30px;margin-left: 10px;">
                <span style="font-size: 16px;padding-left: 5px;">公益项目</span>
                <form action="">
                <input type="text" placeholder="查询公益项目" name="gyxm" style="border-radius: 10px;border: 0px;display: inline-block;float: right;padding: 5px;margin-top: -25px;">
                </form>
            </div>

            <div class="product-list" style="background: #fff;padding: 10px;margin: 0px;">
            <?php foreach ($xms as $v) { ?>
                <a href="<?php echo U('index/xm',array('id'=>$v['id']));?>" style="width: 100%;height: 120px;">
                    <div style="float: left;border: 1px solid #FAFAFA;"><img src="/gy<?php echo ($v["xm_img"]); ?>" alt="" style="width: 136px;height: 100px;"></div>
                    <div style="height: 121px;padding-left: 165px;border-bottom: 1px solid #dbd0d0;position: relative;">
                        <p style="font-size: 15px;"><?php echo ($v["xm_name"]); ?></p>
                        <span style="position: absolute;color: #fff;top: 1px;right: 0px;font-size: 8px;background: #FF8711;padding: 1px 3px;border-radius: 2px;">进行中</span>
                        <div style="font-size: 14px;padding: 5px 0;color: #A4A4A4;"><?php echo (mb_substr(strip_tags(htmlspecialchars_decode($v["xm_content"])),0,20,'utf-8')); ?>...</div>
                        <p style="font-size: 14px;color: #A4A4A4;">共<span style="color: #FF8814;"><?php echo ($v["xm_num"]); ?></span>份爱心</p>
                    </div>
                </a>
            <?php } ?>
            <!-- 其它 -->
                <!-- 1 -->
                <a href="http://www.gzcf.org/WeiXinWeb/ProjectContent.aspx?id=13" style="width: 100%;height: 120px;">
                    <div style="float: left;"><img src="/gy/Public/home/images/qt/1.png" alt="" style="height: 100px;border-radius: 5px;"></div>
                    <div style="height: 120px;padding-left: 165px;border-bottom: 1px solid #dbd0d0;">
                        <p style="font-size: 15px;">贫困乡村小学图书馆</p>
                        <div style="font-size: 14px;padding: 5px 0;color: #A4A4A4;">艰难险阻，大爱先行——生活元素“悦读•与爱相随”...</div>
                    </div>
                </a>
                <!-- 2 -->
                <a href="http://www.gzcf.org/WeiXinWeb/ProjectContent.aspx?id=141" style="width: 100%;height: 120px;">
                    <div style="float: left;"><img src="/gy/Public/home/images/qt/2.png" alt="" style="height: 100px;border-radius: 5px;"></div>
                    <div style="height: 120px;padding-left: 165px;border-bottom: 1px solid #dbd0d0;">
                        <p style="font-size: 15px;">大山深处 . 乐助基金</p>
                        <div style="font-size: 14px;padding: 5px 0;color: #A4A4A4;">资助对象为贫困高中学生的高中三年学费...</div>
                    </div>
                </a>
                <!-- 3 -->
                <a href="http://www.gzcf.org/WeiXinWeb/ProjectContent.aspx?id=5" style="width: 100%;height: 120px;">
                    <div style="float: left;"><img src="/gy/Public/home/images/qt/3.png" alt="" style="height: 100px;border-radius: 5px;"></div>
                    <div style="height: 120px;padding-left: 165px;border-bottom: 1px solid #dbd0d0;">
                        <p style="font-size: 15px;">童心基金重症儿童救助</p>
                        <div style="font-size: 14px;padding: 5px 0;color: #A4A4A4;">资助对象为困难家庭患病儿童0-14周岁的困难家庭...</div>
                    </div>
                </a>
                <div style="text-align: center;">
                    <img src="/gy/Public/home/images/log.png" alt="" style="width: 100px;">
                </div>
            </div>
            <div style="text-align: center;font-size: 12px;padding-top: 10px;background: #fff;padding-bottom: 10px;">
                <ul id="J-tabbar" class="ui-flex">
                    <li class="cell">
                        <a class="tabbar-nav" href="<?php echo U('index/index');?>">
                            <img src="/gy/Public/home/images/xsy1.png" alt=""><p style="color:#FF9027;font-size: 15px;">首页</p>
                        </a>
                    </li>
                    <li class="cell J-other">
                    <?php if (!empty(session('name'))) { ?>
                        <a class="tabbar-nav" href="<?php echo U('setup/index');?>">
                            <img src="/gy/Public/home/images/fq2.png" alt=""><p style="font-size: 15px;">创建</p>
                        </a>
                    <?php } else { ?>
                        <a class="tabbar-nav" href="<?php echo U('user/login');?>">
                            <img src="/gy/Public/home/images/fq2.png" alt=""><p style="font-size: 15px;">创建</p>
                        </a>
                    <?php } ?>
                    </li>
                    <li class="cell J-other">
                        <a class="tabbar-nav" href="<?php echo U('index/xms');?>">
                            <img src="/gy/Public/home/images/xm3.png" alt=""><p style="font-size: 15px;">项目</p>
                        </a>
                    </li>
                    <li class="cell J-other">
                    <?php if (!empty(session('name'))) { ?>
                        <a class="tabbar-nav" href="<?php echo U('user/yhzx');?>">
                            <img src="/gy/Public/home/images/wd4.png" alt=""><p style="font-size: 15px;">我的</p>
                        </a>
                    <?php } else { ?>
                        <a class="tabbar-nav" href="<?php echo U('user/login');?>">
                            <img src="/gy/Public/home/images/wd4.png" alt=""><p style="font-size: 15px;">我的</p>
                        </a>
                    <?php } ?>
                    </li>
                </ul>
            </div>
        </div>
        <a href="http://www.miitbeian.gov.cn" target="_bank"></a>
    </body>
</html>